<?php $this->load->view('common/head_open'); ?>
<script type="text/javascript">
	var jq = $.noConflict();
	jq(document).ready(function() {
		jq('#study_icon').lazylinepainter({
			"svgData" : pathObj8,
			"strokeWidth" : 1,
			"delay" : 400,
			"strokeColor" : "#ec008c"
		}).lazylinepainter('paint');

		jq('#pink_line1').lazylinepainter('erase');
		jq('#pink_line2').lazylinepainter('erase');
		jq('#pink_line4').lazylinepainter('erase');
		jq('#pink_line5').lazylinepainter('erase');
		jq('#pink_line6').lazylinepainter('erase');
		jq('#practice_icon').lazylinepainter('erase');
		jq('#assignment_icon').lazylinepainter('erase');
		jq('#test_icon').lazylinepainter('erase');
		jq('#myspace_icon').lazylinepainter('erase');
		jq('#my_group_wall_icon').lazylinepainter('erase');
		jq('#pink_line3').lazylinepainter({
			"svgData" : pathObj3,
			"strokeWidth" : 2,
			"strokeColor" : "#ec008c"
		}).lazylinepainter('paint');
	}); 
</script>
<script>
	jQuery(document).ready(function() {
		jQuery(function() {
			jQuery('[data-toggle="tooltip"]').tooltip();
		});
	}); 
</script>

<script src="<?php echo SKIN_URL_JS; ?>/study.js"></script>
<script src="<?php echo SKIN_URL_JS; ?>/jquery-autogrow.js"></script>
<style>
.side-notes {
	display:none;
}
#page_navigation{margin-top: 40px;margin-left: 0px;}
#page_navigation a{
margin: 5px;
color: #a2a2a2;
text-decoration: none;
background-image: url(<?php echo SKIN_URL_IMAGE; ?>/pagination-circle.png);
background-repeat: no-repeat;
background-position: 4px;
padding: 12px 8px 14px 11px;
padding-top: 14px;
}
.active_page{
background-image: url(<?php echo SKIN_URL_IMAGE; ?>
	/pagination-circle.png);

	color:black !important;
	}
	.previous_link img {
		margin-left: -3px;
	}
	.next_link img {
		margin-left: -2px;
	}
</style>
<style type="text/css">
.question-type1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-type2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-type3{padding-left:0px;
padding-right:0px;}

.flexipad1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.flexipad2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.flexipad3{padding-left:0px;
padding-right:0px;}

.member-analytics1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.member-analytics2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.member-analytics3{padding-left:0px;
padding-right:0px;}

.question-analytics1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-analytics2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-analytics3{padding-left:0px;
padding-right:0px;}

.side-icons{position: absolute;
z-index: 1;
width: 83%;
background-color: #ffffff;
padding-top:1px;
padding-bottom:1px;
}

.side-icons1{background-color: #fce94f;
padding-left: 0px;
padding-right: 0px;position: absolute;
z-index: 1;
width: 83%;
padding-top:1px;
padding-bottom:1px;}
@media screen and (min-width:1680px) and (max-width:1920px){
.side-icons1{
width:78%;}
.side-icons{
width:78%;}
}
@media screen and (min-width:1470px) and (max-width:1600px){
.side-icons1{
width:77%;
}
.side-icons{
width:77%;
}
}
.inform{margin-left:34px;}
@media (max-width:1025px) {
.side-icons1{width:81%;}
.side-icons{width:81%;}
#page_navigation {
margin-top: 9px;
margin-left: 60px;
}
.inform{
margin-left: 15px;
}
.flexipad1 {
padding-left: 0px;
padding-right: 0px;
margin-right: 12px;
}
.flexipad2 {
padding-left: 0px;
padding-right: 0px;
margin-right: 12px;
}
.member-analytics1 {
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}
.member-analytics2 {
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}
.question-analytics1 {
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}
.question-analytics2 {
padding-left: 0px;
padding-right: 0px;
margin-right: 10px;
}
.question-type1 {
padding-left: 0px;
padding-right: 0px;
margin-right: 12px;
}
.question-type2 {
padding-left: 0px;
padding-right: 0px;
margin-right: 12px;
}
}

.side-icons1 img.plus, .side-icons img.plus {
position: absolute;
top: 18px;
right: 18px;
cursor: pointer;
margin-left: auto;
padding-bottom: 10px;
margin-right: 10px;
}

.side-icons1 img.minus, .side-icons img.minus {
position: absolute;
top: 18px;
cursor: pointer;
margin-left: auto;
padding-bottom: 10px;
margin-right: 10px;
right: 0px;
}

@media (max-width:1280px) {

#page_navigation {
margin-top: 18px;
margin-left: 60px;
}
}

.custom-radio{
width: 16px;
height: 16px;
display: inline-block;
position: relative;
z-index: 1;
top: 3px;
background: url("<?php echo SKIN_URL_IMAGE; ?>/radio-sprite.png") no-repeat 0 0 transparent;
}
.custom-radio:hover{
background-position: 0 -16px;
}
.custom-radio.selected{
background-position: 0 -32px;
}
.custom-radio input[type="radio"]{
margin: 1px;
position: absolute;
z-index: 2;
cursor: pointer;
outline: none;
opacity: 0;
/* CSS hacks for older browsers */
_noFocusLine: expression(this.hideFocus=true);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
}
/* Let's Beautify Our Form */
form{
margin: 20px;
}
label{
display: block;
padding: 2px 0;
}
input[type="submit"]{
float: left;
background: url(<?php echo SKIN_URL_IMAGE; ?>
	/submit.png);
	border: none;
	border-radius: 4px;
	margin-top: 0px;
	padding: 4px 10px;
	cursor: pointer;
	outline: none;
	}

	.main-notes {
		background-color: #fce94f;
		padding-left: 0px;
		padding-right: 0px;
		position: absolute;
		z-index: 1;
		width: 100%;
		left: 0px;
		top: 0px;
		padding: 2%;
		display: none;
	}

	.main-notes h3 {
		font-family: sans-serif;
		color: #00aeef;
		font-size: 60px;
		border-bottom: 1px solid #b9d76a;
		margin-top: 10px;
		padding-left: 12px;
		padding-bottom: 10px;
		margin-bottom: 11px;
	}

	.main-notes img.minus {
		position: absolute;
		top: 18px;
		cursor: pointer;
	}

	.main-notes img {
		margin-left: auto;
		padding-bottom: 10px;
		margin-right: 10px;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	.main-notes .notes1 {
		background-image: -webkit-linear-gradient(#FCE94E,#FCE94F 28px, #cbdc63 31px, #CBDC63 30px, #fce94f 30px);
		background-image: -moz-linear-gradient(#FCE94E,#FCE94F 28px, #cbdc63 31px, #CBDC63 30px, #fce94f 30px);
		background-image: -ms-linear-gradient(#FCE94E,#FCE94F 28px, #cbdc63 31px, #CBDC63 30px, #fce94f 30px);
		background-image: -o-linear-gradient(#FCE94E,#FCE94F 28px, #cbdc63 31px, #CBDC63 30px, #fce94f 30px);
		background-image: linear-gradient(#FCE94E,#FCE94F 28px, #cbdc63 31px, #CBDC63 30px, #fce94f 30px);
		background-size: 100% 40px;
		/* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
		line-height: 31px;
		font-family: Arial, Helvetica, Sans-serif;
		padding: 0px;
		line-height: 39px;
		width: 100%;
		height: 310px;
		word-break: break-all;
		resize: none;
		color: #ec008c;
		font-family: ralewayregular;
		font-size: 25px;
		border: none;
		overflow: hidden;
	}
</style>
<style>
.als-wrapper{height:100% !important;}
</style>
<script type="text/javascript">
function redirectLogin()
{
	var b_url = $("#b_url").val();
	var url = $("#red_url").val();
	$(location).attr('href', b_url+'join_in_redirect/'+url);
}
</script>
<?php $this -> load -> view('common/head_close'); ?>
<!--wrapper starts-->
<section class="wrapper">
	<!--header starts-->
	<?php $this -> load -> view('study/study_header'); ?>
	<!--header closed-->
	<!--Container starts-->
	<div class="container-fluid">
		<section class="Container">
			<h1>Zigya Join As</h1>
			<!--information starts-->
			<div class="col-md-9 col-sm-9 col-lg-9 col-xs-12 zero-padding custom-margin-bottom">
				<!--information starts-->

				<!--information_inner starts-->
				<?php $this -> load -> view('study/book_information_inner.php'); ?>
			</div>
			<!--information closed-->
			<!--information_aside starts-->
			<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
				<div class="information_aside">
					<!--advertisment starts-->
					<div class="advertisment_aside1">
						<img src="<?php echo SKIN_URL_IMAGE; ?>/adv.png" width="260" class="img-responsive" alt="advertisment">
						<br>
						<br>
						<?php if(isset($member_data) && $member_data['logedin']){?>
						<?php $this -> load -> view('study/small_analytic_view.php'); ?>
						<div class="col-xs-11 tab2 sidebar-tab">
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane active" id="home-r">
									<?php $this -> load -> view('study/question_types_icons.php'); ?>
								</div>
								<div class="tab-pane" id="profile-r">
									<?php $this -> load -> view('study/question_flexipad_icons_log.php'); ?>
								</div>
								<div class="tab-pane" id="messages-r">
									<?php $this -> load -> view('study/question_memberanalytics_icons_log.php'); ?>
								</div>
								<div class="tab-pane" id="settings-r">
									<?php $this -> load -> view('study/question_questionanalytics_icons_log.php'); ?>
								</div>
							</div>
						</div>
						<div class="col-xs-1 tab3">
							<!-- required for floating -->
							<!-- Nav tabs -->
							<ul class="nav nav-tabs tabs-right tab4">
								<li>
									<a href="#home-r" data-toggle="tab" id="tab1"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab1.png"/></a>
								</li>
								<li>
									<a href="#profile-r" data-toggle="tab" id="tab2"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab2.png"/></a>
								</li>
								<li>
									<a href="#messages-r" data-toggle="tab" id="tab3"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab3.png"/></a>
								</li>
								<li>
									<a href="#settings-r" data-toggle="tab"id="tab5"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab4.png"/></a>
								</li>
							</ul>
						</div>
						<?php }
						else{?>
							<div class="col-xs-11 tab2 sidebar-tab">
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane active" id="home-r">
									<?php $this -> load -> view('study/question_types_icons.php'); ?>
								</div>
								<div class="tab-pane" id="profile-r">
									<?php $this -> load -> view('study/question_flexipad_icons.php'); ?>
								</div>
								<div class="tab-pane" id="messages-r">
									<?php $this -> load -> view('study/question_memberanalytics_icons.php'); ?>
								</div>
								<div class="tab-pane" id="settings-r">
									<?php $this -> load -> view('study/question_questionanalytics_icons.php'); ?>
								</div>
							</div>
						</div>
						<div class="col-xs-1 tab3">
							<!-- required for floating -->
							<!-- Nav tabs -->
							<ul class="nav nav-tabs tabs-right tab4">
								<li>
									<a href="#home-r" data-toggle="tab" id="tab1"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab1.png"/></a>
								</li>
								<li>
									<a href="#profile-r" data-toggle="tab" id="tab2"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab2.png"/></a>
								</li>
								<li>
									<a href="#messages-r" data-toggle="tab" id="tab3"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab3.png"/></a>
								</li>
								<li>
									<a href="#settings-r" data-toggle="tab"id="tab5"><img src="<?php echo SKIN_URL_IMAGE; ?>/tab4.png"/></a>
								</li>
							</ul>
						</div>
						<?php }?>
					</div>
					<!--advertisment closed-->
					<div class="clear"></div>
					<?php if(isset($member_data) && $member_data['logedin']){?>
					<ul class="bottom">

						<li>
							<a href="javascript:void(0)" id="side-calendar-trigger"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon1.png"></a>
						</li>

						<li>
							<a href="<?php echo base_url() . BASE; ?>study/feedback"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon2.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" id="side-upload_question-trigger2"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon3.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon4.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon5.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon6.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon7.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon8.png"></a>
						</li>

					</ul>
					<?php }
					else{?>
						<ul class="bottom">

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();" id="side-calendar-trigger"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon1.png"></a>
						</li>

						<li>
							<a href="<?php echo base_url() . BASE; ?>study/feedback"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon2.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();" id="side-upload_question-trigger2"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon3.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon4.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon5.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon6.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon7.png"></a>
						</li>

						<li>
							<a href="javascript:void(0)" onclick="redirectLogin();"><img src="<?php echo SKIN_URL_IMAGE; ?>/bottom-flexipad-icon8.png"></a>
						</li>

					</ul>
					<?php }?>
				</div>
			</div>
			<!--information_aside closed-->
			<div class="clear"></div>
		</section>
	</div>
	<!--Container closed-->
</section>
<input type="hidden" id="q_count" value="<?php //echo $que_count_all; ?>" />
<!--wrapper closed-->

<script src="<?php echo SKIN_URL_JS; ?>/jquery.min.js"></script>
<script src="<?php echo SKIN_URL_JS; ?>/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
	jQuery(document).ready(function(){
			jQuery(window).load(function(){
				jQuery("#content-9").mCustomScrollbar({
					scrollButtons:{enable:true,scrollType:"stepped"},
					keyboard:{scrollType:"stepped"},
					mouseWheel:{scrollAmount:188},
					theme:"rounded-dark",
					autoExpandScrollbar:true,
					snapAmount:188,
					snapOffset:65
				});
				
				jQuery("#content-10").mCustomScrollbar({
					scrollButtons:{enable:true,scrollType:"stepped"},
					keyboard:{scrollType:"stepped"},
					mouseWheel:{scrollAmount:188},
					theme:"rounded-dark",
					autoExpandScrollbar:true,
					snapAmount:188,
					snapOffset:65
				});
				
				/*jQuery("#content-11").mCustomScrollbar({
					scrollButtons:{enable:true,scrollType:"stepped"},
					keyboard:{scrollType:"stepped"},
					mouseWheel:{scrollAmount:188},
					theme:"rounded-dark",
					autoExpandScrollbar:true,
					snapAmount:188,
					snapOffset:65
				});*/
				
			});
		}); 
</script>
<script src="<?php echo SKIN_URL_JS; ?>/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo SKIN_URL_JS; ?>/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="<?php echo SKIN_URL_JS; ?>/jquery.als-1.7.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#lista1").als({
			visible_items : 2,
			scrolling_items : 1,
			orientation : "vertical",
			circular : "no",
			autoscroll : "no"
		});

		$("#lista2").als({
			visible_items : 2,
			scrolling_items : 1,
			orientation : "vertical",
			circular : "no",
			autoscroll : "no"
		});
		$("#lista3").als({
			visible_items : 2,
			scrolling_items : 1,
			orientation : "vertical",
			circular : "no",
			autoscroll : "no"
		});
	}); 
</script>

<!--new js-->
<?php $this -> load -> view('study/analytics_script.php'); ?>

<?php $this -> load -> view('common/footer'); ?>